<template>
	<view>
		<view v-show="memberName == username">
			<text>{{memberName}}</text>
		</view>
		<view v-show="memberId == id">
			<text>{{memberId}}</text>
		</view>
		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" :up="upOption" @up="upCallback">
			<historyregist-list :list="historyregist"></historyregist-list>
		</mescroll-body>
	</view>

</template>

<script>
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import getDateTime from '@/static/js/getDateTime.js';
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				// Activity: [],
				id: '',
				signTime: '',

				// 列表数据
				historyregist: [],
				memberName: '',
				memberId: '',
				username: '',
				curWord: '',
				SelPage: '',
				// 筛选为空
				upOption: {
					// auto: false,
					noMoreSize: 5, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少
					empty: {
						use: true,
						icon: '/static/image/zanwushuju@2x.png',
						tip: '~ 无结果 ~', // 提示
					}
				},

			}
		},

		onLoad() {
			// this.getActivity()
			var timeStr = getDateTime.dateTimeStr('y-m-d'); // y:年 m:月 d:日 h:时 i:分 s:秒 中间的分割符号可更改
			this.signTime = timeStr
		},

		onShow() {
			this.userName();
			this.canReset && this.mescroll.resetUpScroll()
			// this.canReset && this.mescroll.scrollTo(0,0)
			this.canReset && this.pageSize
			this.canReset = true
		},

		methods: {
			onPullDownRefresh() {
				// console.log('refresh');
				setTimeout(function() {
					uni.stopPullDownRefresh();
				}, 1000);
			},

			//传接待人
			userName() {
				this.memberId = uni.getStorageSync('id');
				this.memberName = uni.getStorageSync('memberName');
			},

			doSearch(word) {
				this.curWord = word
				this.historyregist = []; // 先清空列表,显示加载进度
				this.mescroll.resetUpScroll();
			},

			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
			upCallback(page) {
				// 自写
				let pageNum = page.num; // 页码, 默认从1开始
				let pageSize = page.size; // 页长, 默认每页10条
				// 第1种: 请求具体接口
				uni.request({
					url: 'http://pm.gxtimeloit.com:10030/api-operate/activitySing/member?pageSize=' +
						pageSize + '&pageNumber=' + pageNum + '&memberId=' + this.memberId +
						'&memberName=' + this.memberName,

					success: (data) => {
						if (data.data.body.activitySign.data == null) {
							this.mescroll.endBySize(0, 0);
						} else {
							//接口返回的当前页数据列表 (数组)
							let curPageData = data.data.body.activitySign.data;
							// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
							let curPageLen = curPageData.length;
							// 接口返回的总页数 (如列表有26个数据,每页10条,共3页; 则totalPage=3)
							let totalPage = data.data.body.activitySign.totalPage;
							// 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)
							let totalSize = data.data.body.activitySign.totalSize;
							// 接口返回的是否有下一页 (true/false)
							let hasNext = false;
							// console.log(data.data.body.activityPublish.data)
							// console.log(data)
							// 请求成功,隐藏加载状态
							this.mescroll.endSuccess()
							if (page.num == 1) this.historyregist = []; //如果是第一页需手动制空列表
							// this.meters = this.meters.concat(data.data.body.settlement.data); //追加新数据
							this.historyregist = this.historyregist.concat(curPageData);
							this.mescroll.endBySize(curPageLen, totalSize); //隐藏下拉刷新和上拉加载的状态
						}
					},

					fail: () => {
						// 请求失败,隐藏加载状态
						this.mescroll.endErr()
					}
				})
			},
		}
	}
</script>

<style lang="scss">

</style>
